<template>
  <!--浏览量-->
  <div id="page-view">
    <div class="item">
      总浏览
      <span class="value">
          {{ viewNum }}万
          </span>
    </div>
    <div class="item">
      总浏览
      <span class="value">
          {{ viewNum }}万
          </span>
    </div>
    <div class="item">
      总浏览
      <span class="value">
          {{ viewNum }}万
          </span>
    </div>
  </div>
  <!--浏览量-->
</template>

<script>
export default {
  name: "PageView",
  data() {
    return {
      viewNum: 1000
    }
  }
}
</script>

<style scoped>
#page-view {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: salmon;
  padding-top: 10px;
  height: 8vh;
}

.item {
  width: 33.3%;
  font-size: 3vw;
  color: white;
  font-family: MingLiU;
  text-align: center;
}

.value {

}
</style>